@CHARSET "UTF-8";

@IMPORT url("./common.css");


/**
	상단 영역 스타일
**/
#header {
	width:100%;
	text-align:center;	
}

#logo_search {
	padding:10px 0px;
}

#header #logo {
	height:35px;
	display: inline;
	margin-right:2px;
}

#header #logo a img {
	margin-top:6px;
	vertical-align: bottom;
}  

#totalSearchInput {
	background:none !important;
	border: 2px solid #8ACF57 !important; 
	height:20px;
	width:120px;
}



/**
	가운데 영역 스타일
**/
#top_menu {
	width:100%;
	background:url("../../img/common/menu_bg.jpg") repeat-x left top;	
} 
  
#top_left_bg {
	background:url("../../img/common/menu_bg_left.jpg") no-repeat left top;
}

#top_right_bg {
	background:url("../../img/common/menu_bg_right.jpg") no-repeat right top;
}

#step_1_menu {
	width:100%;
	text-align:center;
}

#step_1_menu a {
	width:20%;
	float:left;
	padding:10px 0px 10px 0px;
	_padding:8px 0px 16px 0px;
	*padding:8px 0px 16px 0px;
}

#sub_menu {
	min-height:46px;
	*min-height:1px;
}

#top_menu a.step_1_menu {
	height:36px;
	padding-top:10px; 
	vertical-align: middle;  
	display:block;
} 

#top_menu dl.sub_menu {
	width:100%;
	text-align: left;
	background:url("../../img/common/line.gif") repeat-x left bottom;
	padding-bottom:10px;
}

#top_menu dl.sub_menu dt.step_2 {
	clear:left;
	padding-top:10px;
	margin-left:8px;
}

#top_menu dl.sub_menu dd {
	float:left;
	border:1px solid #c6c6c6;
	padding:4px;
	margin-left:8px;
	margin-top:2px;
} 

#top_menu dl.sub_menu dd.close_button {
	clear: left;
    text-align: center;
    padding:10px 0px;
	border-left:0px solid #ffffff;
	border-right:0px solid #ffffff;
	width: 100%;
	font-weight: bold;
	margin-left:0px;
} 


#center {
	padding-bottom:10px; 
}

#center h2 {
	background:url("../../img/common/line.gif") repeat-x left bottom;
	padding:5px 0px;
	_position: relative;
} 

#center h2 span.nav_step {
	padding-right:10px;
	margin-left:8px;
}

#center h2 span.nav_step_1 {
	background:url("../../img/common/gt.gif") no-repeat right 5px;
	padding-right:10px;
	margin-left:8px;
	
}

#center h2 span.nav_step_2 {
	background:url("../../img/common/gt.gif") no-repeat right 5px;
	padding-right:10px;
	
}

#center h2 span.nav_step_4 {
	background:url("../../img/common/gt.gif") no-repeat left 5px;
	padding-left:10px;
	vertical-align: top;
	
}


/**
	하단 영역 스타일
**/

#footer {
	background:url("../../img/common/line.gif") repeat-x left top;
	text-align: center;
	padding:10px 0px;
	padding-top:0px;
}
 
/**
	바로가기
**/
dl.quick {
	background:url("../../img/common/line.gif") repeat-x left bottom;
	padding-bottom:10px;
	margin-bottom:10px;
}  
  
dl.quick dt.quick_title { 
	padding:6px 8px; 
	text-align:left;
}

dl.quick dt.quick_title img.title_5 { 
}

dl.quick dd.quick_content {
	
}

dl.quick dd.quick_content a.quick_button {
	display: block;
	background:url("../../img/index/quick_bt_bg.gif") no-repeat center top;
	width:19%;
	height:39px;
	color:#ffffff;
	text-align:center;
	padding-right:2px;
	padding-top:4px;
	float:left;
	margin-top:10px;
}

dl.quick dd.quick_content a.quick_button span {
	width:38px;
	margin-left: auto;
    margin-right: auto;
    display: block;
}


#library_search {
	display: inline;
}

#book_search_title {
	vertical-align: middle;
	margin-right:2px;
}

#library_search input.qy_kwd {
	border: 2px solid #8ACF57 !important;
    height: 20px;
    width: 120px;
    padding:2px;
}

#footer #pc_version {
	margin-top:10px;
	font-weight:bold;
	font-size: 20px;
	display: block;
	padding-top:10px;
	border-top: 1px solid #C6C6C6;
}
